<template>
    <div>
      <div id="func">
        <div class="row">
          <div class="router-to">
            <router-link to="/setting/kindsManage" >
              <el-button type="primary">商品分类</el-button>
            </router-link>
          </div>
          <div class="router-to">
            <router-link to="/setting/unitsManage" >
              <el-button type="primary">商品单位</el-button>
            </router-link>
          </div>
        </div>
        <div class="row">
          <div class="router-to">
            <router-link to="/setting/supplierManage" >
              <el-button type="primary" >&nbsp;&nbsp;供货商&nbsp;</el-button>
            </router-link>
          </div>
          <div class="router-to">
            <router-link to="/setting/VIPManage" >
              <el-button type="primary" >会员管理</el-button>
            </router-link>
          </div>
        </div>
        <div class="row">
          <div class="router-to">
            <router-link to="/setting/permissionsManage" >
              <el-button type="primary" :disabled="!isAllow('Pimpower')">员工管理</el-button>
            </router-link>
          </div>
          <div class="router-to">
            <router-link to="/setting/theme" >
              <el-button type="primary" >主题切换</el-button>
            </router-link>
          </div>
        </div>
      </div>
    </div>
</template>

<script>

export default {
    name: "Setting",
    methods:{
      isAllow(Pname){
        return this._func.isAllow(Pname,this).value;
      }
    }
}
</script>

<style scoped>
#func{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
  .router-to{
    display: flex;
    margin: 10px 10px 10px 10px;
  }
  .row{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
</style>
